<template>
	<div class="container">
		<router-link tag="div" :to="{ name:'seriesvideo'}" class="video">
			<img src="../../assets/images/video.png" alt="">
			<p>记忆法视频</p>
		</router-link>
		<router-link tag="div" :to="{ name:'seriesword'}" class="words">
			<img src="../../assets/images/words.png" alt="">
			<!-- <p>课程记忆</p> -->
		</router-link>
	</div>
</template>

<script>
export default {
  name: 'indexlist'
}
</script>

<style lang="scss" scoped>
	.container{
		padding:0 0.555556rem;

		.video,.words{
			position: relative;

			img{
				width: 100%;
			}

			p{
				position: absolute;
				width: 100%;
				color: #fff;
				text-indent: 0.296296rem;
				font-size: 0.37037rem;
				letter-spacing: 2px;
				border-radius: 0 0 5px 5px;
				// background: rgba(0,0,0,0.5);
				bottom: 3px;
				padding: 5px 0;
			}
		}

		.video,.words{
			margin-bottom: 0.362963rem;
		}

	}
</style>